
.x{
	display: flex;
}
.y{
	display: flex;
	flex-direction: column;
}
.div1{
	background-color: red;
	color: white;
	padding: 10px 0px;
	font-size: 12px;
	justify-content: center;
}
.div2{
	width: 80%;
	justify-content:flex-end;
}
.div2>div{
	margin-left: 10px;
	margin-right: 10px;
}
.div3{
	width: 80vw;
	align-items: center;
}
.div4{
	justify-content: center;
}
.div3>div{
	/* 均匀分布 */
	flex:1;
	/* 上下居中 */
	text-align: center;
}
/* 输入框盒子 */
.div5{
	/* 宽度是文字的两倍 */
	flex:2;
	border-bottom: 1px solid #eee;
	padding: 4px;
}
.div5>img{
	width: 20px;
	height: 20px;
}
/* 去掉输入框边框 */
input{
	border: none;
	outline: none;
}
.div6{
	width:80vw;
	overflow: hidden;
}
.div7{
	justify-content: center;
}
.div8>img{
	width: 80vw;
}
.div8{
	width: 240vw;
	animation: identifier 10s infinite ;
}
@keyframes identifier {
	10%,30%{
		transform: translate(0vw);
	}
	40%,60%{
		transform: translate(-80vw);
	}
	70%,90%{
		transform: translate(-160vw);
	}
}
body{
	margin: 0;
}
.div9{
	width: 80%;
	/* background-color: red;
	 */
}
.div10{
	font-size: 30px;
	/* font-weight: bold; */
}
.div11{
	font-size: 12px;
	color: #999;
	margin-left: 40px;
	flex: 1;
}
.div12{
	font-size: 12px;
	color: #999;
}
.div13{
	margin: 20px 0;
	align-items: flex-end;
}
.div14{
	width: 24%;
	margin: 0px 0.1%;
	align-items:center;
}
.div14>img{
	width: 100%;
}
.div15{
	width: 80vw;
	flex-wrap: wrap;
}
.name{
	margin: 5px 0;
}
.price{
	color: red;
	
}